導讀:新年新趨勢,對于設計趨勢我們似乎永遠都聊不完。雖然我們無法確知2017年會有怎樣的變化,但是我們可以通過2016年整個設計圈的演進,來窺見未來可能會越來越火熱的設計趨勢。不過
發表日期:2020-06-29
文章編輯:興田科技
瀏覽次數:9661
標簽:
新年新趨勢,對于設計趨勢我們似乎永遠都聊不完。雖然我們無法確知2017年會有怎樣的變化,但是我們可以通過2016年整個設計圈的演進,來窺見未來可能會越來越火熱的設計趨勢。
不過,因為視角和領域的差異,各家對于設計趨勢的看法各不相同,不過總體上并沒有沖突,從優設近期的幾篇設計趨勢文章中就能看出來。UI設計趨勢的轉變,很大程度上會受到用戶交互習慣、設計語言和數碼設備的影響,《趨勢丨8個你需要知道的2017年UI設計流行趨勢》這篇文章能讓你更加明白這個道理;而從事電商行業的小婷姐則更多是從行業發展和從業經驗的角度來分享2017年電商設計的變化趨勢:《電商|入行5年,我寫文百篇后總結了這8條趨勢分析》;至于相對寬泛的用戶體驗設計,所探討的話題也相對更加抽象,但是依然很重要,有興趣可以看看這篇優設重譯之后的《2017年即將流行的9大UX設計趨勢》,相信你能有所收獲。當然,今天我們要聊的是在網頁設計領域在2017年可能會出現的設計趨勢,也許并不完全精準,但是相信你會在接下來的一年中,越來越多地看到這些設計手法。
1、越來越多的襯線體
digital-goodnessquanta除開我們所熟知的Helvetica,占據我們屏幕頁的各種非襯線體字體還有很多。在過去幾年中,高清大圖的流行和跨平臺設計大行其道,這兩種客觀需求之下讓設計師慣于將加粗、易讀的非襯線體和大圖結合起來使用。
但是隨著高清屏幕的流行與普及,非襯線字體一家獨大的局面將會發生改變。
細節豐富,充滿裝飾性的非襯線體字體在現如今的屏幕上,已經不存在識別度的問題了,可讀性強了很多。在如今高像素密度的屏幕上,擁有不同美學特征的非襯線體字體的全部特色,都能完整地呈現出來。
2、深色系配色
hamburgerreputation在過去的一年當中,大量的網站采用了白色和淺色的背景,采用深色背景設計的網站相對較少。
可是看多了也膩味。有一部分網站已經開始倒轉整個配色,開始在自家的網站上探索深色系配色的美學。在配色上采用深色為主的設計,需要注意的就是其中色彩的對比度和內容的可讀性,只要把握好其中的關節,能夠很好的吸引訪客的注意力。
隨著深色系配色而來的,還有越來越多的單色配色方案,更極端一些的,干脆就只在純色的深色背景上搭配照片。這樣的配色手法乍一看很單調,但是深色背景下,流行色會顯得更加突出,也更容易鼓勵訪客與網站進行互動。
3、中性、自然的配色方案
villespvalentine如果你一直關心流行色或者優設的話,你肯定會知道潘通新發布的2017年流行色——草木綠,這一自然氣息濃郁的色彩被大家稱為“新中性色”。
在未來的一年當中,將會出現越來越多充滿自然特色的配色方案,而其中許多配色方案會選擇使用草木綠來搭配。
如果你想了解潘通的草木綠是如何挑選出來的,那么這篇文章不容錯過:《潘通發布2017年流行色后,我們和它的CEO來了一場對話》??赐曛螅瑑炘O的這篇《玩轉草木綠!在這里了解2017的年度潘通流行色》應該能讓你更了解,如何將出草木綠融入到你的設計當中~
4、幾何元素
anthehive-boxx從矩形到三角形,從方形到圓形,幾何圖形已經越來越多地出現在網頁設計當中。好的設計不會讓這些幾何圖形在整體中過于突兀,而是盡量融入,為用戶提供視覺引導,強化交互體驗,提供行動召喚,或者讓整個視覺更加有趣。
網頁中幾何元素的設計要如何設計好呢?技巧在于,盡量采用簡單的設計。例如,你喜歡環狀的元素,那么你可以將它作為一個固定的元素,在整個設計中使用,它可以承載圖標,也可以用作團隊成員頭像外框。幾何元素的另外一種用法,是將多種圖形做成拼貼式的背景裝飾元素。幾何元素尺寸較小的時候,可以使用明亮的色彩,讓整個設計顯得更加繽紛有趣。如果幾何圖形尺寸較大,就不能這么用了,而是要通過著色讓他能和其他元素構成對比,又不能太過于突兀,比如Hive Boxx這個頁面的設計。
5、超大字體
beat-cyclelonely-leap有一些設計師已經開始這樣做設計了,不過隨后你會在網頁設計中看到更多的超大字體的設計。字體尺寸拉大之后,搭配多樣的樣式、飛濺的色彩,這些尺寸超大的文字如今已經變得越來越重要了。
超大字體流行背后的邏輯是頁面需要通過它們抓住用戶的注意力,每個設計師都需要讓特定的部分在整個設計中脫穎而出。擁擠的瀏覽器頁面中,要怎樣才能抓住用戶的注意力呢?肯定是強視覺化的內容,這樣一來,超大字體的流行就解釋得通了。
當然,你可以從經典的英文字體入手:《灰晝的字體庫!10款常用的經典基礎英文字體推薦(已打包)》
6、虛擬現實
balloon-earthbmw對,虛擬現實是目前火熱的趨勢,并且它已經入侵到了網頁設計領域了。
許多設計師已經開始在他們自己的網頁中嘗試設計類似虛擬現實的效果。從游戲到360度視頻,設計師試圖讓用戶無需VR眼鏡而擁有環繞的真實視野。雖然技術上和VR幾乎完全不沾邊,但是它同樣是追求真實的體驗。
目前,這種設計還沒有完善的規則,許多類VR的網頁設計還是需要設計師動腦子想辦法來實現,非??简炘O計技巧。
如果你對于VR和AR感興趣,優設之前的這篇文章應該能讓你有所思考:《AR|也許AR增強現實技術才是距離設計師近的未來》
7、新的導航模式
okinawayoke-image如果你一直在關注新的設計趨勢,你會發現設計師一直在嘗試尋求不同的導航模式。當然,截至目前,絕大多數的頁面依然還是將導航掛著頁面的頂部。
隨著不同的尺寸比例屏幕、不同的設備的出現,新的導航模式擁有了存在的可能性。先流行開來的是屏幕側邊導航設計和隱藏式的導航設計。
這種看似微小的變化,讓網站的瀏覽方式和體驗出現了翻天覆地的變化:它們讓頁面變得更加時尚,可以兼容不同的屏幕需求,甚至讓整個網頁布局都能進行全新的設計了。
隱藏式菜單設計并不是讓導航完全隱藏,而是讓整個屏幕都成了呼出菜單的控件,這樣的設計已經被很多用戶所理解并熟知,它在移動端上的應用已經相當的廣泛。
上一篇:
暫無信息上一篇:
淺析二次微信開發可實現的功能更多新聞
2020
關于關鍵詞優化,通常伴隨著站點的整個生命周期,因此站點的SEO優化不能簡單地強調相關技巧,而要從策略角度考慮,這樣才能指導站點的SEO優化作業,并且能夠讓S
View details
2020
關于seo優化,網站需要大量的seo基礎優化設置,關鍵字布局就是要優化設置的,利用seo中關鍵字的布局原則,把合適的關鍵字布局到網頁上,這個網頁的問題不大。下
View details
2020
如何使用微信展現自己企業的特色,給客戶提供更多便利功能呢?就只能通過微信公共平臺二次開發來實現。如果你個人不具備開發能力,可以選擇國內目前比較正規的公司來幫您進行開
View details
2020
關于seo優化,身為一名合格的建站工作者,我們必須不斷調整自己的優化思路,充分發揮自己的優化能力,但決不能盲目跟隨前人經驗,只能借鑒但絕對不能完全復制,再
View details